<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="{MODULE_URL}template/mobile/style/style1/static/css/region.css" />
    <link href="{$_W['siteroot']}app/resource/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="{$_W['siteroot']}app/resource/css/font-awesome.min.css" rel="stylesheet">  

    <script type="text/javascript" src="{$_W['siteroot']}app/resource/js/lib/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">

    // jssdk config 对象
    jssdkconfig = {php echo json_encode($_W['account']['jssdkconfig']);} || {};

    // 是否启用调试
    jssdkconfig.debug = false;

    jssdkconfig.jsApiList = [

        'previewImage',

    ];
    </script>
    <style type="text/css">
    /*#header1{ height:42px; width:100%; background:#48b54e; line-height:42px; color:#fff; text-align:center; position: fixed; z-index:1000; top:0; left:0;-webkit-transition:-webkit-transform 350ms ease;  -moz-transition:-moz-transform 350ms ease;}
.header_div1{ width:100%; display:box; display:-webkit-box; display:-moz-box; margin-top:0; height:100%;}
#left_div1{width:30px; height:42px; background:url(../image/arrow-r.png) center no-repeat; background-size:18px; transform:rotate(180deg); -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);}
#middle_div1{-moz-box-flex:1; -webkit-box-flex:1; }
#title1{ font-size:20px; font-weight:bold;}
#right_div{width:50px; height:42px;}
.right_bottom{ width:50px; height:42px; border-radius:0px; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out 0; transform:scale(1.5,1); -webkit-transform:scale(1.5,1); -moz-transform:scale(1.5,1);}
.right_bottom_btn{ border-radius:23px;  background:#005b8b; transform:scale(0.5,1); -webkit-transform:scale(0.5,1); -webkit-transform:scale(0.5,1)}
.right_img{ background-size:40px; width:50px; height:42px; position:absolute; z-index:2; top:0; right:0;}*/
a{
    text-decoration: none
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}
    </style>
    <title>{$region['title']}</title>
</head>
<!-- <header id="h">
    <div class="header_div">
        <div id="left_div" onClick="window.location.href='{php echo $this->createMobileUrl('repair',array('op' => 'list'))}'"></div>
        <div id="middle_div">
            <h1 id="title" style="line-height:30px;">报修详情</h1></div>
        <div id="right_div">
            <div class="right_bottom"></div>
            <div class="right_img"></div>
        </div>
    </div>
</header> -->
<div style="width:100%;height:40px;background:#48b54e">    
    <a href="javascript:;" onClick="window.location.href='{php echo $this->createMobileUrl('repair',array('op' => 'list'))}'" style="font-size:18px;color:white;display:block;float:left;margin-left:10px;">
        <i class="fa fa-chevron-left" style='line-height:40px;'></i>
    </a>
    <a href="" style="font-size:18px;color:white;display:block;line-height:40px;text-align:center;margin:0 auto">
       报修详情
    </a> 
</div>
<div class="panel panel-default" style="margin:5px auto;width:90%;">
    <div class="panel-heading">
        <h3 class="panel-title">报修详情</h3>
    </div>
    <div class="panel-body">
        <ul class="list-group">
            <li class="list-group-item">内容：<span> {$item['content']}</span></li>
            <li class="list-group-item">状态：<span class="label label-success">{if $item['status'] == 1}已处理{elseif $item['status'] == 3} 处理中{else}未处理{/if}</span></li>
            <li class="list-group-item">姓名：<span>{$member['realname']}</span></li>
            <li class="list-group-item">电话：<span>{php echo substr_replace($member['mobile'],'****',3,4)}</span></li>
            {if $item['rank']}
            <li class="list-group-item">评价：<span> {if $item['rank']==1}满意{elseif $item['rank']==2}一般 {else} 不满意{/if}，内容：{$item['comment']}</span></li>
            {/if}
            {if $item['resolve']}
            <li class="list-group-item">处理结果：<span>{$item['resolve']}</span></li>
            {/if}
        </ul>
        <div id="previewImage" onclick="showImg()">
                {if $imgs}
                     {loop $imgs $img}
                     <img src="{$img['src']}" class="img-thumbnail" width="90px" height="90px">
                     {/loop}
                {/if}
        </div>
    </div>
</div>

<script>
$(function() {
    select('a1');
});
</script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">

wx.config(jssdkconfig);

function showImg(){
        var imgArray = [];
        var curImageSrc = $('#previewImage img').attr('src');
        // alert(curImageSrc);
        if (curImageSrc) {
            $('#previewImage img').each(function(index, el) {
                var itemSrc = $(this).attr('src');
                imgArray.push(itemSrc);
            });
  
                wx.previewImage({
                    current: curImageSrc,
                    urls: imgArray
                });
        
        }
  
}


</script>
{template 'style/style1/footer'}
